*{
  margin: 0;
  padding: 0;
}
ul>li {
  list-style-type: none;
}
input {
outline: none
}



:root {
  --bg-main-rgb: 235,235,234;--bg-main: rgb(var(--bg-main-rgb));
  --bg-seco-rgb: 255,255,255;--bg-seco: rgb(var(--bg-seco-rgb));
  --bg-thri-rgb: 245,245,244;--bg-thri: rgb(var(--bg-thri-rgb));

  --x0: 0px;--x1: 4px;--x2: 8px;--x3: 12px;
  --x4: 16px;--x5: 20px;--x6: 24px;--x7: 28px;
  --x8: 32px;--x9: 36px;--x10: 40px;--x11: 44px;
  --x12: 48px;--x13: 52px;--x14: 56px;--x15: 60px;

  --gqui-h2-pt: 80px;
} 
:root[gqui-theme='dark'] {
  --bg-main-rgb: 18,19,16;
  --bg-seco-rgb: 32,33,30;
  --bg-thri-rgb: 41,42,39;
}

:root {
  --white-rgb: 255,255,255;--black-rgb: 23,26,28;
  --white: rgb(var(--white-rgb));--black: rgb(var(--black-rgb));
  /* 210,8% 为偏蓝调，并非为 0,0% 的纯灰 */
  --bc1: hsl(210,8%,97.5%);--bc2: hsl(210,8%,95%);
  --bc3: hsl(210,8%,90%);--bc4: hsl(210,8%,85%);
  --bc5: hsl(210,8%,80%);--bc6: hsl(210,8%,75%);
  --bc7: hsl(210,8%,65%);--bc8: hsl(210,8%,60%);
  --bc9: hsl(210,8%,55%);--bc10: hsl(210,8%,45%);
  --bc11: hsl(210,8%,35%);--bc12: hsl(210,8%,25%);
  --bc13: hsl(210,8%,20%);--bc14: hsl(210,8%,15%);
  --bc15: hsl(210,8%,5%);

  --highlight-bg: hsl(0,0%,96.5%);
  --highlight-color: hsl(210,8%,20%);
}
:root[gqui-theme='dark'] {
  --white-rgb: 45,45,45;--black-rgb: 255,255,255;

  --bc1: hsl(0,0%,22.5%);--bc2: hsl(0,0%,24%);
  --bc3: hsl(210,4%,26%);--bc4: hsl(210,4.5%,30.5%);
  --bc5: hsl(210,5%,35%);--bc6: hsl(210,5.5%,43.5%);
  --bc7: hsl(210,6.5%,52%);--bc8: hsl(210,7%,61%);
  --bc9: hsl(210,8%,65%);--bc10: hsl(210,8%,70%);
  --bc11: hsl(210,7%,78.5%);--bc12: hsl(210,8%,82.5%);
  --bc13: hsl(210,9%,86.5%);--bc14: hsl(210,9%,91.5%);
  --bc15: hsl(210,4%,95%);

  --highlight-bg: hsl(210,8%,5%);
  --highlight-color: hsl(0,0%,100%);
}

body {
  background-color: var(--bg-main);color: var(--black);
}



/* 重置main的默认边距 */
.el-main{
  background-color: var(--bg-main) !important;
}